<template>
  <div id="add_friend">
    <vant-navbar title="添加好友"></vant-navbar>
    <vant-search title="微信号/手机号"></vant-search>
    <div style="text-align:center;">
      <p style="font-size:10px">我的微信号：{{weixin}}</p>
      <br>
    </div>
    <template v-for="item in cellList">
      <vant-cell :path="item.path" :title="item.title" :icon="item.icon" :label="item.label"></vant-cell>
    </template>
  </div>
</template>

<script>
import VantNavbar from '@/components/VantNavbar.vue'
import VantCell from '@/components/common/VantCell.vue'
import VantSearch from '@/components/common/VantSearch.vue'
export default {
  components: { VantNavbar,VantCell, VantSearch,  },
  data() {
    return {
      weixin: 'zzzzzzzz',
      cellList: [
        { path: '/addfriends/add' , title: '雷达加朋友', icon: 'add', label: '添加身边的朋友' },
        { path: '/addfriends/face' , title: '面对面建群', icon: 'friends', label: '与身边好友一起进入同一个群' },
        { path: '/addfriends/phoneCom' , title: '手机联系人', icon: 'smile-comment', label: '添加或者邀请通讯录中的好友' },
      ]
    }
  }
}
</script>

<style>
#add_friend{
  background-color: #f0efef;
}
</style>